<template>
	<div>
		<my-header :content="name"></my-header>
		<div class="content">
			<ol class="select">
				<li class="item">全部</li>
				<li class="item">显示中</li>
				<li class="item">待审核</li>
				<li class="item">待付款</li>
				<li class="item">已过期</li>
			</ol>
			<div style="height:1px; width:100%; background-color:#f2f2f2"></div>
			<!-- 广告 -->
			<div class="guanggao">
				<img
					class="pic"
					src="https://image.chwlsq.com/779/content/2004101111028864388.gif"
				/>
				<img
					class="pic"
					src="https://image.chwlsq.com/779/content/2004131106159563615.gif"
				/>
			</div>
			<!-- 无数据 -->
			<no-data :content="noContent"></no-data>
		</div>
	</div>
</template>
<script>
import MyHeader from "../components/Header.vue"
import NoData from "../components/NoData.vue"

export default {
	components: {
		MyHeader,
		NoData
	},
	data () {
		return {
			name: "我的辛集微姐服务站",
      noContent:"您还没有发布信息，现在就去发布"
		}
	}
}
</script>
<style scoped>
.content {
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
}
.select {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	text-align: center;
	height: 44px;
	line-height: 44px;
}
.select .item {
	text-align: center;
	width: 20%;
	color: #666;
	font-size: 14px;
}
.guanggao {
	margin-top: 10px;
	padding-bottom: 10px;
}
.guanggao .pic {
	margin-left: 10px;
	margin-right: 10px;
	width: calc(100% - 20px);
}
</style>
